    .box{
        width: 100%;
        height: 620px;
        background: skyblue;
        overflow: hidden;
        ul{
            width: 8000px;
            height: 100%;
            
            li{
                float: left;
                img{
                    width: 100%;
                }
            }
        }
    }
    .img{
        width: 1200px;
        margin: 30px auto;            
        text-align: center;
        img{
            display: block;
            margin: 0 auto;
        }
        h1{
            font-size: 22px;
            text-align: center;
            margin-top: -10px;
        }
    }
    .box1{
        width: 100%;
       
    }
    .list{
        width: 1200px;
        height: 400px;
        margin: 0 auto;
        .ul1{
            height: 50px;
            background: #ccc;
            overflow: hidden;
            li{
                float: left;
                line-height: 50px;
               width: 190px;
               text-align: center;
            }
            .on{
                 border-top: 2px solid red;
                background: #fff;
            }
        }
       
        .dl{
            float: left;
            width:510px;
            // height: 100%;
        //    margin-top: 30px;
            dl{
                height: 195px;
               
                border-bottom: 1px solid #ccc;
                dt{
                    float: left;
                    img{
                        width: 100%;
                        display: block;
                    }
                }
                dd{
                    position: relative;
                  height: 158px;
                    float: right;
                    width: 240px;
                    h3{
                        font-size: 16px;
                        margin-top: 10px;
                        font-weight: 700;
                        line-height: 24px;
                        display: -webkit-box;
                        -webkit-box-orient: vertical;
                        -webkit-line-clamp: 2;
                        overflow: hidden;
                    }
                    p{
                        font-size: 16px;
                        height: 90px;
                        color: rgb(102, 102, 102);
                        line-height: 28px;
                        margin-top: 5px;
                        text-overflow: ellipsis;
                        display: -webkit-box;
                        -webkit-line-clamp: 3;
                        -webkit-box-orient: vertical;
                        overflow: hidden;
                    }
                    span{
                        font-size: 14px;
                        color: rgb(102, 102, 102);
                        right: 0px;
                        bottom: -5px;
                        position: absolute;
                    }
                    
                }
            }
            ul{
                margin-top: 20px;
                padding: 0px;
                li{
                    width: 510px;
                    font-size: 16px;
                    line-height: 35px;
                    height: 35px;
                    cursor: pointer;
                    overflow: hidden;
                    p{
                        float: left;
                        width: 400px;
                        font-weight: 700;
                        overflow: hidden;
                        text-overflow: ellipsis;
                        white-space: nowrap;
                    }
                    span{
                        display: block;
                        width: 80px;
                        float: right;
                        font-size: 13px;
                        color: #747474;
                    }
                }
            }
        }
        .dl1{
            float: right;
        }
        
    }
    .gengduo{
            width: 125px;
            height: 34px;
            border-radius: 15px;
            border: 1px solid #dcdcdc;
            text-align: center;
            line-height: 34px;
            margin: 40px auto;
            font-size: 16px;
            color: #5d5d5d;
            cursor: pointer;
        }
        .lunbo{
            width: 100%;
            background: #f8f8f8;
             .xinpin{
                
            }
            .gengduo{
                
            }
        }
        .ul{
            width: 1200px;
            height: 380px;
            margin: 0 auto;
            img{
                margin-top: 170px;
            }
            ul{
                width: 1072px;
                overflow: hidden;
                margin-left: 50px;
                height: 380px;
                float: left;
                li{
                    width: 260px;
                    height: 378px;
                    float: left;
                    margin: 0 3px;
                    border: 1px solid #ccc;
                }
            }
            .left{
                float: left;
            }
            .right{
                float: right;
            }
        }
        .img1{
            margin-bottom: 80px;
        }
        .serve {
            width: 100%;
            margin-top: 45px;
            .serve-first {
                width: 980px;
                margin: 0 auto;
                .serve-title {
                    width: 100%;
                    height: 96px;
                    position: relative;
                    img {
                        display: block;
                        margin: 0 auto;
                    }
                    h1 {
                        font-size: 22px;
                        text-align: center;
                        margin-top: -10px;
                    }
                }
                .serve-img {
                    width: 100%;
                    margin: 28px auto;
                    height: 330px;
                    text-align: center;
                    img {
                        float: left;
                    }
                }
                .serve-jies {
                    width: 100%;
                    height: 164px;
                    margin-top: 42px;
                    ul{
                        li {
                            width: 250px;
                            text-align: left;
                            float: left;
                            font-size: 15px;
                            color: #7d7d7d;
                            line-height: 22px;
                            margin-left: 38px;
                            margin-right: 38px;
                            text-indent: 30px;
                        }
                    }
                }
            }
        }
   